.featured_links .image_container /******************************************************************
Theme Name: Retina v1.1
Theme URI: http://themes.shopify.com/themes/retina/styles/austin?ref=out-of-the-sandbox
Author: Out of the Sandbox (http://outofthesandbox.com)
Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
  /* .table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Videos
  #Buttons
  #Tabs
  #Forms
  #.tables
  #Misc
  #Site Styles
  #mmenu
  #FlexSlider
  #FancyBox
  #Layout
  #Font-Face */
  /* #Reset & Basics
================================================== */

html, body{margin:0;padding:0;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, .table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  _font-size: 100%;
  _font: inherit;
}

h1,h2,h3,h4,h5,h6{margin:5px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}
h1{font-size:22.4px}h2{font-size:19.6px}h3{font-size:18px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* #Header 
    ============================================
*/
.div_header
{
    width:100%;
    height:45px;
    border-bottom:solid 1px #f2f1f1;
    _border-top:solid 1px #ccc;
    position:fixed;
    _position:absolute;
    z-index:9999;
    font-size:15px;
    letter-spacing:0.2em;
    background-color:#fff;
    _top:5px;
}
.div_header .container_12{margin-left:auto;margin-right:auto;height:auto;width:960px;overflow:hidden;}
.coulmenu{margin:0;padding:0;list-style:none;}
.coulmenu li{float:left;}
.coulmenu li span{width:120px;display:block;border-right:solid 1px #f2f1f1;text-align:center;font-size:14px;}

.div_header_t{width:100%;height:60px;border-bottom:solid 0px #ccc;}
.div_header_t95{width:100%;height:95px;}
.div_header_t115{width:100%;height:115px;}

/* #Basic Styles
================================================== */
body {
  background-color: #ffffff;
 -webkit-font-smoothing: auto;
  font-smoothing: antialiased;

  _font-family: Avenir-light, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
  color: #404040;
  line-height: 1.8em;
}

::-moz-selection {
  background-color: #000;
  color: #fff;
}

::selection {
  background: #FFF7B6;
  color: black;
}

abbr {
  border-bottom: 1px dotted #ded6c7;
}

/* #Typography
================================================== */
.logo {
  _font-family: Avenir-Heavy, Avenir, 'muli', sans-serif;
  font-weight: normal;
  font-size: 26px;
  text-transform: none;
  color: #303030;
}

.logo a, .logo a:hover, .logo a:visited, .logo a:active, .header_bar .logo a, .header_bar .logo a:hover, .header_bar .logo a:visited, .header_bar .logo a:active {
  color: #303030;
}

.index .logo a, .index .logo a:hover, .index .logo a:visited, .index .logo a:active {
  color: #ffffff;
}

h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle {

  _font-family: Avenir, 'muli', sans-serif;
  color: ##7e6d5f;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
}

.title {
  _font-family: Avenir, 'muli', sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .collection_title {
  font-weight: inherit;
}

h1 a, h1 a:visited, .collection_title a, .collection_title a:visited {
  color: #7e6d5f
}

h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active {
  color: #7e6d5f
}

h1, .h1, h1.home, h2.title, .collection_title {
  font-size: 28px;
  line-height: 1.5em;
  margin: 0 auto 15px;
  clear: both;
  font-weight: bold;
  padding-top: 4px;
}

h1.product_name {
  margin-bottom: 15px;
}

h2, .h2 {
  font-size: 15px;
  color: #444444;
  _font-family: Avenir-Heavy, 'muli', sans-serif;
}

h3, .h3, h1.blog_title {
  font-size: 20px;
  line-height: 35px;
  margin: 0 auto 15px 0;
  text-align: left;
}

h1.collection_title, div.collection_title {
  margin-bottom: 0;
  line-height: 28px;
  display: inline;
}

h1.collection_title_tags, div.collection_title_tags {
  padding-right: 25px;
  border-right: solid 1px #ded6c7;
}

h4, .h4, h4.title a, h6.title {
  font-size: 18px;
  line-height: 32px;
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 1px solid #ded6c7;
  border-top: 1px solid #ded6c7;
  padding: 7px 0;
  color: #7e6d5f;
}

h4.title a {
  border: 0;
  padding: 0;
  margin: 0;
}

h5, .h5 {
  font-size: 16px;
  padding-bottom: 1em;
}

h5.sub_title {
  padding-bottom: 5px;
}

h6, .h6, h6.title {
  font-size: 14px;
  padding: 5px 0
}

.footer h6 {
  color: #404040;
}

.subheader {
  color: #777;
}

p {
  margin: 0 0 15px;
  font-style: normal;
  line-height: 1.8em;
}

p img {
  margin: 0;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 60%;
}

.feature img {
  position: relative;
  top: 7px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}

.feature p {
  font-size: smaller
}

/*  Blockquotes  */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ded6c7;
}

blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555;
}

hr {
  border: solid #ded6c7;
  border-width: 1px 0 0;
  clear: both;
  margin: 12px 0;
  height: 0;
}

.quote {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 0 0 20px 0;
  font-style: italic;
}

.featured_text {
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 0;
}

div.section.collection_description {
  margin-bottom: 1.5em;
}

/* #Links
================================================== */
a, a:visited {
  color: #7e6d5f;
  _font-family: Avenir-Medium, 'muli', sans-serif;
  text-decoration: none;
  outline: 0;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  -ms-transition: color .1s linear;
  transition: color .1s linear;
}

a:hover, a:focus {
  _color: #beb5ab;
  color:#f57e62;
}

/* Alex: additions to change the blog article link styles without changing main link styles */
.article p a {
  color: #f57e62
}

.article p a:hover {
  color: #FFADA0
}

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
}

ul {
  list-style: circle outside;
}

ol {
  list-style: decimal;
}

ul, ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px;
}

li {
  line-height: 18px;
  margin-bottom: 12px;
}

ul.large li {
  line-height: 21px;
}

ul.none {
  list-style: none outside;
  margin-left: 0;
}

ul.border {
  list-style: none outside;
  line-height: 26px;
}

ul.border li {
  border-bottom: 1px solid #ded6c7;
  list-style: none outside none;
  padding: 12px 0;
  margin-bottom: 0;
}

/* #Menu
================================================== */

.top-bar.nav {
  text-align: left;
}

.container.top-bar.nav {
  height: 15px;
}

.top-bar.nav span {
  text-align: left;
  _font-family: "PT Sans Narrow";
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;

  color: #fe7761;

}

.nav div.logo a {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 75px;
}

.color-logo {
  display: none;
}

.white-logo {
  display: block;
}

.header_bar .color-logo {
  display: block;
}

.header_bar .white-logo {
  display: none;
}

.header_bar.fix-top {
  border-bottom: none;
  background-color: #e9e4db;
  z-index: 50000;
}

.top-bar.nav span, .top-bar.nav a {
  font-size: 26px !important;
  letter-spacing: 5px !important;
}

.header_bar .top-bar.nav span {
  color: rgb(64, 64, 64);
}

.fix-under.mm-fixed-top {
  top: 36px;
}

.header_bar.fix-under .nav .text-link a {
  color: #494949;
}

.fix-top ul.top-menu {
  text-align: right;
}

.fix-top ul.top-menu a {
  padding-bottom: 0;
  padding: 0 10px;
}

.header {
  z-index: 1000;
  width: 100%;
 -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}

.header a {
  color: white;
}

.header_bar {
  background-color: #ffffff;
  border-bottom: solid 1px #ded6c7;
}

.header_bar a, .header_bar a:visited {
  color: #4A4A4A;
  text-shadow: none !important;
}

.header div.container {
/ / padding-bottom: 5 px;
  padding-top: 5px;
}

.header.fix-under div.container {
  padding-bottom: 0;
}

#header {
  display: none;
  background: #f5f5f5;
  border-bottom: 1px solid #ded6c7;
  color: #000;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 50px;
  z-index: 1001;
  width: 100%;
  opacity: 0.95;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#header a {

  font-size: 32px;
  display: block;
  height: 40px;
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 25px;
  padding-top: 5px;
}

div#header a span {
  display: inline;
  padding-left: 4px;
  position: relative;
  top: -2px;
}

#header a.right {
  left: auto;
  right: 15px;
  font-size: 20px;
  padding-top: 8px;
  top: 2px;
}

#header a.icon-menu span {
  top: -4px;
}

.new-navigation-bar {
  background: rgba(232, 229, 224, 0.84);
  border-color: rgba(0, 0, 0, 0);
  height: 68px;
}

.new-navigation-bar.header_bar .nav a {
  color: #4A4A4A;
  font-weight: 800;
  letter-spacing: 1.22px;
}

.new-navigation-bar.header_bar .nav .text-link a {
  _font-family: Avenir-Heavy, 'muli', sans-serif !important;
}

.new-navigation-bar.header_bar.fix-under .nav .text-link a {
  color: #3E3636;

}

.new-navigation-bar.header_bar.fix-under .nav .text-link a.active {
  color: #fe7761;
}

.new-navigation-bar.header_bar .nav a.icon-cart {
  color: #3E3636;
}

.new-navigation-bar.header_bar .nav a.icon-cart span {
  color: #3E3636;
}

.text-link a {
  color: #3E3636;
}

.nav {
  text-align: center;
}

.nav ul {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}

.nav ul li {
  display: inline-block;
  position: relative;
  margin: 0;
  border: 0;
}

.nav ul li {
  *display: inline;
}

.nav ul li a.top-link:hover ::after,
.nav ul li a.active:hover ::after {
  color: orange;
}

.index .nav ul li a.active::after,
.index .nav ul li a.top-link::after {
  background-color: #fe7761;
}

.index .header_bar.fix-under .nav ul li a.active::after,
.index .header_bar.fix-under .nav ul li a.top-link::after {
  background-color: #fe7761;

}

.header_bar.fix-under .nav ul li a.top-link:hover::after,
.header_bar.fix-under .nav ul li a.top-link:focus::after,
.header_bar.fix-under .nav ul li a.active::after {
  opacity: 0.8;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);

}

.nav ul li:hover a.sub-menu::after {
  background-color: transparent;
}

.nav ul li a.sub-menu {
  padding: 0px 4px 0px 4px;
  z-index: 1006;
  border: solid 1px transparent;
  border-bottom: 0;
}

.nav ul li:hover a.sub-menu {
 border-bottom: 0;
 background-color: white;
  color: #000;
}

.nav a, .nav a:visited, #header a span, .nav a.icon-cart span, .search-close {
  color: #7e6d5f;
 _font-family: "PT Sans Narrow";
 _font-family: Avenir, 'muli', sans-serif;
  font-weight: normal;
  font-size: 14px;
 position: relative;
  display: block;
  letter-spacing: 1px;
  padding-bottom: 0px;
}

.header_bar .nav a, .header_bar .nav a:visited, #header.header_bar a span, .header_bar .nav a.icon-cart span, .header_bar .search-close {
  _font-family: Avenir, 'muli', sans-serif;
  font-weight: normal;
  font-size: 14px;
 color: #000;
  position: relative;
  display: block;
  letter-spacing: 1px;
  padding-bottom: 0px;

}

.header_bar .nav a.icon-cart span, #header.header_bar a span {
  display: inline;
}

.index .header .nav a {
  color: #7e6d5f;
 text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

}

.header .nav a.icon-cart {
  color: #7e6d5f;
  text-shadow: none;
}

.header_bar .nav a.icon-cart {
  color: #000;
  text-shadow: none;
}

.index .header .nav a:hover, .index .header .nav a:focus {
  color: #E2532A;
}

.nav a.icon-cart span {
  display: inline;
}

.nav ul.search_nav {
  margin-bottom: 5px;
}


.new-navigation-bar.header_bar.fix-under .nav .text-link a:hover{
  color: #E2532A;
}


.nav ul li a:hover, nav ul li a:focus, .nav a.icon-cart:hover span, .search-close:hover {
  color: #E2532A;
}

.logo {
  padding: 10px 0;
}

.nav ul.menu li {
  padding: 0px 4px 5px 4px;
  margin-bottom: -1px;
}

li.social-sign-in {
  vertical-align: middle;
}

li.social-sign-in a:before {
  _font-family: 'OutOfTheSandbox';
  content: "\e007";
}

.social-stuff {
  position: absolute !important;
  pointer-events: none;
  left: 0;
}



.nav ul li .cart-button, input.guest_button, input[type="button"].guest_button {
  font-size: 16px;
  background-color: #ede9dd;
  padding: 8px 15px 8px 15px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

input[type="submit"].guest_button, input[type="button"].guest_button {
  color: #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.nav ul li .cart-button span {
  padding-left: 5px;
  top: -1px;
}

.cart_count {
  position: absolute;
  left: 10px;
  top: -10px;
  background-color: #fe7761;
  padding: 0 4px;
  border-radius: 4px;
  color: #fff !important;
  font-size: 11px;
  _font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  line-height: 15px;
  text-align: center;
}

input[type="submit"].guest_button, input[type="submit"].guest_button:hover {
  background-color: #ede9dd;
}

input[type="submit"].guest_button:hover {
  color: #7e6d5f;
}


.nav ul.menu {
  padding-top: 5px;
  padding-bottom: 8px;
}



/* sub-levels link */
.menu ul a, .menu li:hover > ul a, .index .header .nav ul.menu ul li a {

  background: none;
  text-align: left;
  color: #000;
}

.index .header .nav ul.menu ul li a.sub-link {
  padding: 5px 0 5px 24px;
}

.dropdown-li:hover {
  border: solid 1px #ded6c7;
  border-bottom: 0;
  background-color: white;
}

/* sub-level ul */
.dropdown {
 background-color: white;
  border: solid 1px #ded6c7;
  border-bottom-color: #bbb;
  position: absolute;
  left: 0;
  right: 0;
  top: 66px;
  z-index: 1005;
  min-width: 600px;
  z-index: 100000;
  opacity: 0;
}

.mobile-header-item-image {
  width: 53px;
  height: 53px;
  padding: 5px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mobile-header-item-image.all-bras {
  background-image: url('../img/all-bras.png?16423737643403592605');
}

.mobile-header-item-image.t-shirt {
  background-image: url('../img/full-coverage-icon.png?16423737643403592605');
}

.mobile-header-item-image.bralettes {
  background-image: url('../img/bralette-icon.png?16423737643403592605');
}

.mobile-header-item-image.unlined {
  background-image: url('../img/unlined-icon.png?16423737643403592605');
}


.mobile-header-item-image.bustier {
  background-image: url('../img/bustier-icon.png?16423737643403592605');
}

.mobile-header-item-image.convertible {
  background-image: url('../img/convertible.png?16423737643403592605');
}
.mobile-header-item-image.all-eco-bras {
  background-image: url('../img/recycling-icon.png?16423737643403592605');
}

.mobile-header-item-image.all-eco-underwear {
  background-image: url('../img/recycling-icon.png?16423737643403592605');
}

.mobile-header-item-image.all-underwear {
  background-image: url('../img/all-underwear.png?16423737643403592605');
}

.mobile-header-item-image.eco-friendly {
  background-image: url('../img/recycling-icon.png?16423737643403592605');
}

.mobile-header-item-image.bikinis {
  background-image: url('../img/bikini-icon.png?16423737643403592605');
}

.mobile-header-item-image.thongs {
  background-image: url('../img/thong-icon.png?16423737643403592605');
}

.mobile-header-item-image.briefs {
  background-image: url('../img/brief-icon.png?16423737643403592605');
}

.mobile-header-item-image.high-waisted {
  background-image: url('../img/hi-waisted-icon.png?16423737643403592605');
}

.mobile-header-item-image.panties {
  background-image: url('../img/underwear-icon.png?16423737643403592605');
}

.mobile-header-item-image.cheeky {
  background-image: url('../img/cheeky-knickers-icon.png?16423737643403592605');
}

.mobile-header-item-image.gift-cards  {
  background-image: url('../img/gift-cards-icon.png?16423737643403592605');
}


.header-item-image {
  width: 46px;
  height: 46px;
  padding: 5px;
  background-size: contain;
  background-repeat: no-repeat;
/*   position: absolute; */
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.header-item-image.all-bras {
  background-image: url('../img/all-bras.png?16423737643403592605');
}

.header-item-image.t-shirt {
  background-image: url('../img/full-coverage-icon.png?16423737643403592605');
}

.header-item-image.bralettes {
  background-image: url('../img/bralette-icon.png?16423737643403592605');
}

.header-item-image.unlined {
  background-image: url('../img/unlined-icon.png?16423737643403592605');
}


.header-item-image.bustier {
  background-image: url('../img/bustier-icon.png?16423737643403592605');
}

.header-item-image.convertible {
  background-image: url('../img/convertible.png?16423737643403592605');
}
.header-item-image.all-eco-bras {
  background-image: url('../img/recycling-icon.png?16423737643403592605');
}
.header-item-image.all-eco-underwear {
  background-image: url('../img/recycling-icon.png?16423737643403592605');
}

.header-item-image.eco-friendly {
  background-image: url('../img/recycling-icon.png?16423737643403592605');
}

.header-item-image.all-underwear {
  background-image: url('../img/all-underwear.png?16423737643403592605');
}

.header-item-image.bikinis {
  background-image: url('../img/bikini-icon.png?16423737643403592605');
}

.header-item-image.thongs {
  background-image: url('../img/thong-icon.png?16423737643403592605');
}

.header-item-image.briefs {
  background-image: url('../img/brief-icon.png?16423737643403592605');
}

.header-item-image.high-waisted {
  background-image: url('../img/hi-waisted-icon.png?16423737643403592605');
}


.header-item-image.cheeky {
  background-image: url('../img/cheeky-knickers-icon.png?16423737643403592605');
}

.header-item-image.gift-cards {
  background-image: url('../img/gift-cards-icon.png?16423737643403592605');
}

.dropdown-item-wrapper {
  width: 100%;
  height: 78px;
  text-align: center;
  position: relative;
}

.dropdown .coll-link-list {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 75%;
}

@media screen and (min-width: 1320px) {
  .dropdown .coll-link-list {
    width: 60%;
  }
}



.header-item-text {
  color: #535353;
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  font-size: 12px;
/*   position: absolute; */
  margin-left: 0;
  margin-right: 0;
}

.header-item-text.active {
color: #D27777;
}

.dropdown-extra-wide {
  border-top: 0;
  min-width: 600px;
  z-index: 1006;
  left: -225px;
}

.nav-image {
  width: 40%;
  display: block;
  float: left;
}

.coll-link-list {
  text-align: left;
  -webkit-column-count: 7; /* Chrome, Safari, Opera */
  -moz-column-count: 7; /* Firefox */
  column-count: 7;
}

.collection-ul {
  margin: 0px 0 0 5px !important;
  height: 100%;
  width: 100%;
  float: left;
  display: block;
/ / padding-right: 20 px;
  z-index: 10000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.collection-ul .column {
  margin: 0;
  display: block;
}

.collection-ul h3 {
  border-bottom: dashed 1px #ded6c7;
  _font-family: Avenir, 'muli', sans-serif;
  color: #7e6d5f;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 17px;
  margin-bottom: 5px;
}

.collection-ul.first-list {
  border-right: solid 1px #7e6d5f;
}

.dropdown a {
  text-shadow: none !important;
}

.dropdown-wide {
  max-height: 90px;
  margin: 0 auto;
  background-color: rgba(232, 229, 224, 0.84);
  border-color: rgba(0, 0, 0, 0);
  display: none;
  top: 69px;
}

.dropdown-link.marker > .sub-menu.dropdown-coll:after, .dropdown-link.marker > a.sub-menu.dropdown-coll:before {
  bottom: -6px;
  left: 36%;
  font-size: 18px;
  border: solid transparent;
  content: "鈻�";
  color: rgba(232, 229, 224, 0.84);
  height: 0px;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.dropdown-coll-image {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-top: 5px;
  padding-right: 15px;
}

.dropdown-item-wrapper:hover .dropdown-coll .header-item-text{
  color: #E2532A;
}

.dropdown-item-wrapper .dropdown-coll {
  display: block;
  width: 100%;
  float: left;
}

.dropdown-link > a.sub-menu.dropdown-coll {
  background: none !important;
}

.nav a.dropdown-coll, .nav li.dropdown-coll a {
  white-space: normal;
  padding: 5px 0px;
  text-transform: none;
  _font-family: Avenir, 'muli', sans-serif;
  display: inline-block;
  width: 100%;
}

.nav ul.menu ul {
  width: 49%;
  float: left;
  display: inline;
}

.nav ul.menu .dropdown-extra-wide ul {
  width: 32%;
}

.nav ul.menu .dropdown-extra-wide ul.first-list {
  width: 37%;
}

.nav ul.menu .dropdown-extra-wide ul.second-list {
  width: 27%;
}

.nav ul.menu ul li {
  display: block;
  text-align: left;
  padding: 0;
  z-index: 1005;
}

.nav ul.menu ul li a {
  border: 0;
}

.nav ul.menu ul li a.sub-link {
  font-weight: normal;
  font-size: 13px;
  padding: 5px 0 5px 24px;
  text-transform: none;
  display: block;
  width: 100%;
}

/* show dropdown ul on hover */
.menu li:hover > .dropdown {
  display: block !important;
}

#currencies {
  padding: 8px 8px 8px 12px;
  border: 0;
  font-size: 14px;
  background-color: #ede9dd;
  color: #000;
  margin-bottom: 0;
  min-width: 65px;
}

.toggle_menu {
  position: relative;
  overflow: hidden;
  display: none;
  top: -16px;
}

.container div.collection_nav {
  margin-bottom: 1.5em;
}

.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0;
}

.collection_menu li {
  padding-left: 25px;
}

.sidebar a, .sidebar a:visited {
  display: block;
  color: #7e6d5f;
}

.sidebar a:hover, .sidebar a:active {
  color: #beb5ab;
}

.sidebar a {
  position: relative;
  left: -8px;
  padding-left: 8px;
  border-left: solid 4px transparent;
  -webkit-transition: border 200ms ease-out;
  -moz-transition: border 200ms ease-out;
  -o-transition: border 200ms ease-out;
}

.sidebar a.active, .sidebar li.active a, .sidebar a:hover {
  border-left: solid 4px #fe7761;
}

.sidebar li ul {
  margin: 10px 0 8px 14px;
  font-size: 15px;
}

.sidebar li ul li {
  margin-bottom: 12px;
}

#search {
  display: none;
  -o-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  background: #f9f9f9;
  background: rgba(249, 249, 249, 0.95);
  width: 100%;
  height: 232px;
  left: 0;
  top: 0;
  z-index: 900;
  position: fixed;
  text-align: center;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -o-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -o-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.search-close {
  padding-top: 125px;
  font-size: 32px;
  cursor: pointer;
  _font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}

#search form {
  z-index: 950;
  padding-top: 50px;
  clear: both;
}

#search form input {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #eee;
  padding: 16px 8px;
  font-size: 26px;
}

/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't
  exceed the width of columns they are put into when resizing window.
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that
  are children of the grid that you want to resize with grid.
*/
.product_row img, .product_image_col img, .article img, .blog_content img, .section img, .thumbnail img, .logo img, .page img, .sidebar img, .cart_image img, .sub-footer img, #target img {
  max-width: 100%;
  height: auto;
}

.zoomImg {
  max-width: inherit !important;
  cursor: pointer;
}

/* #Videos
================================================== */
/*
  For YouTube and Vimeo videos, wrap the embedded code snippet
  in a <div class="video-container"><div> tags to allow it to resize.
  For example:
  <div class="video-container youtube">
    <div>
     <iframe width="853" height="480" src="http://www.youtube.com/embed/mSfXRb4W-R0?rel=0" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>
*/
.video-container > div {
  position: relative;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo {
  max-width: 830px;
}

.vimeo > div {
  padding-top: 56.26506%; /* 467 梅 830 */
}

.youtube {
  max-width: 853px;
}

.youtube > div {
  padding-top: 56.271981%; /* 480 梅 853 */
}

.slideshow-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}

.slideshow-video-container iframe,
.slideshow-video-container object,
.slideshow-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper {
  width: 600px;
  max-width: 100%;
}

/* #Buttons
================================================== */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"] {
  background: #3E3636;
  color: #ffffff;
  border: 0;
  padding: 12px 20px;
  text-align: center;
  cursor: pointer;
 _font-family: "PT Sans Narrow";
 font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -ms-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
  -webkit-appearance: none;

  -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover {
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -ms-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}

a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.action_button:active,
input.action_button[type="submit"]:active,
input.action_button[type="button"]:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.add_to_cart, #cart_form .add_to_cart, form.product_form input.add_to_cart {
  width: 100%;
  margin-top: 0px;
}

#cart a.action_button.edit_cart {
  width: 180px;
  margin-left: 20px;
  margin-top: 20px;
  background-color: #444;
  color: #ffffff;
  text-align: center;
  text-indent: 0;
}

#cart .action_button {
  width: 180px;
  margin-right: 20px;
  margin-top: 20px;
  background-color: #3E3636;
  color: #ffffff;
  text-align: center;
  text-indent: 0;
}

/* #Tabs
================================================== */
ul.tabs {
  display: block;
  margin: 10px 0 10px 0;
  padding: 0;
  border-bottom: solid 1px #ded6c7;
  border-top: 0;
  list-style: none outside;
  margin-left: 0;
}

ul.tabs li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
  margin-bottom: 0;
  border: 0;
  list-style: none outside;
  margin-left: 0;
}

ul.tabs li a {
  display: block;
  text-decoration: none;
  width: auto;
  height: 29px;
  padding: 0px 15px;
  line-height: 30px;
  border-width: 1px 0 0 1px;
  margin: 0;
  font-size: 13px;
}

ul.tabs li a.active {
  border: solid 1px #ded6c7;
 background-color: #ffffff;
  border-bottom: #ffffff;
 height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-right-width: 1px;
  margin: 0 -1px 0 0;
  color: #404040;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

ul.tabs li:first-child a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

ul.tabs li:last-child a {
  border-width: 1px 1px 0 1px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

ul.tabs-content {
  margin: 0;
  display: block;
  border: 0;
}

ul.tabs-content > li {
  display: none;
  border: 0;
}

ul.tabs-content > li.active {
  display: block;
  border: 0;
}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

ul.tabs:after {
  clear: both;
}

ul.tabs {
  zoom: 1;
}

/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}

fieldset {
  margin-bottom: 20px;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
textarea,
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 12px 8px 12px 12px;
  outline: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  width: 100%;
  margin: 0;
  max-width: 100%;
  display: block;
  margin-bottom: 10px;
  background: #fff;
  transition: border-color 0.2s linear, box-shadow 0.2s ease;
  -webkit-transition: border-color 0.2s linear, box-shadow 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

select {
  background: #fff url(../img/arrow-down.png?16423737643403592605) no-repeat right center;
  cursor: pointer;
  background-position-x: 96%;
  -webkit-padding-end: 30px;
  background-size: 17px 10px;
}

input[type="number"] {
  padding: 5px;
}

input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover,
select:hover {
  border-color: rgb(138, 137, 138);
  -webkit-box-shadow: rgba(55, 55, 55, 0) 0px 0px 0px 1px;
  box-shadow: rgba(55, 55, 55, 0) 0px 0px 0px 1px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: rgb(138, 137, 138);
  color: #333;
}

label,
legend {
  display: block;
  font-weight: normal;
  margin-bottom: 4px;
}

input[type="checkbox"] {
  display: inline;
}

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
}

textarea {
  width: 100%;
}

#contact_email {
  margin-bottom: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.sign_up {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1em;
}

#target {
  padding: 20px;
  text-align: center;
}

.quantity_label {
  display: inline;
  font-size: smaller;
}

.remove_item a {
  font-size: smaller;
  color: #404040;
}

input.quantity {
  width: 48px;
  display: inline;
  margin-bottom: 0;
  padding: 8px 5px;
}

.cart_items p {
  margin-bottom: 5px;
}

li.cart_item a {
  text-indent: 0 !important;
  font-size: small;
}

.cart_image {
  padding: 10px 20px 0 20px;
  width: 100px;
  text-align: center;
  float: left;
}

.continue_shopping {
  float: right;
  padding-top: 5px;
}

#get-rates-submit {
  margin-top: -1px;
}

#customer_login {
  margin-bottom: 2px;
}

/* #.tables
================================================== */


.table {
  width: 100%;
}

.table th {
  font-weight: 700;
  background: #f9f9f9;
  text-align: left
}

.table th, .table td {
  padding: 5px
}

.table tr {
  border-bottom: 1px solid #DCDCDC
}

.table tr:first-child {
  border-top: 1px solid #DCDCDC
}

.table td, .table th {
  border-right: 1px solid #DCDCDC
}

.table td:first-child, .table th:first-child {
  border-left: 1px solid #DCDCDC
}

.table .em {
  font-weight: 700;
}



.table tr.order_summary td.label {
  text-align: right;
}

.table {
  margin-bottom: 20px;
}

/* #Misc
================================================== */
.hidden {
  display: none;
}

.remove {
  color: #404040;
}

.relative {
  position: relative;
}

.half-bottom {
  margin-bottom: 10px !important;
}

.add-bottom {
  margin-bottom: 20px !important;
}

.right {
  float: right;
  position: relative;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.relative {
  position: relative;
}

.align_right {
  text-align: right
}

.align_left {
  text-align: left;
}

.container div.mobile_only, span.mobile_only {
  display: none;
}

.no_border {
  border: none !important;
}

.extra_padding {
  padding-top: 4px;
}

div.hidden {
  display: none;
}

#grid .column,
#grid .columns {
  background: #ddd;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #555;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#grid .column:hover,
#grid .columns:hover {
  background: #bbb;
  color: #333;
}

#grid .example-grid {
  overflow: hidden;
}

/* #Site Styles
================================================== */
.main_container{    
  min-height:100%;
  height:auto!important;
  height:100%;
  border:solid 0px blue;
  position:absolute;
  left:0;
  right:0;
}
div.container {
  margin: 0 auto;
  padding: 20px 0;
}

div._content {
  padding: 130px 0px 0px 0px;

}

.container.main.content{
    margin-top:60px;
    padding-bottom:30px;
}

.page-banner div.content {
  padding-top: 30px;
}

.logo a {
  margin: 0;
  padding-top: 0px;
  display: block;
}

div.section {
  margin: 10px 0;
}

.homepage_content {
 background-color: #ffffff;

}

.container .featured_links .column {
  margin-bottom: 20px;
  margin-top: 20px;
}

.featured_links .image_container {
  position: relative;
  background-color: #FFF;
  line-height: 0;
  text-align: center;
}

.featured_links a img {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.featured_links a:hover img {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.featured_links a span {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 40px;
  text-align: center;
  padding: 0 10px;
  color: #ffffff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index: 2;
 _font-family: "PT Sans Narrow";
  font-weight: bold;
 font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
  opacity: 0.9;
  -webkit-font-smoothing: antialiased;
}



.featured_links a:hover span,
.featured_links a:focus span {
  color: #ffffff;
  opacity: 1;
}

.featured_links a:hover span::before,
.featured_links a:hover span::after,
.featured_links a:focus span::before,
.featured_links a:focus span::after {
  background: rgba(255, 255, 255, 0.6);
}

.featured_links a:hover span::before,
.featured_links a:focus span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.featured_links a:hover span::after,
.featured_links a:focus span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div.product_section {
  margin: 5px 0;
  position: relative;
}

div.container div.breadcrumb {
  margin-bottom: 1.5em;
  font-size: 15px;
}

.continue_shopping {
  float: right;
  font-size: 15px;
}

.vendor {
  margin-top: -15px;
}

#category {
  width: 100%;
}

.featured_content p {
  margin-bottom: 0;
}

.paginate {
  text-align: center;
}

.paginate span, a.tag {
  border: solid 1px #ded6c7;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 2px;
  padding: 5px 10px;
  display: inline-block;
}

a.tag {
  font-size: smaller;
  padding: 4px 6px;
  margin: 5px 2px 5px 0;
}

.featured_collections {
  margin-bottom: 10px
}

.paginate span:hover, a.tag:hover {
  color: #beb5ab;
}

.paginate .current {
  background-color: #ede9dd;
}

.paginate .deco {
  border: none;
}

.thumbnail {
  position: relative;
  text-align: center;
  margin-bottom: 1em;
}

.featured_collections .thumbnail {
  text-align: center;
}

.thumbnail a {
  display: inline;
  padding-bottom: 0.5em;
  color: #404040;
}

.thumbnail a:hover {
  color: #404040;
}

.thumbnail .info {
  text-align: left;
}

.new {
  position: relative;
  display: inline;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
}

.thumbnail .price, .thumbnail .sold_out, .sold_out {
  font-weight: normal;
  color: #404040;
}

.thumbnail .sale, .sale {
  color: #af1f31;
}

.sale_banner, .new_banner, .preorder_banner, .soldout_banner, .trending_banner {
  position: absolute;
  top: 25px;
  left: -5px;
  background: #ffada0;
 _font-family: "PT Sans Narrow";
 font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 2;
  padding: 10px;
  text-align: center;
  color: #fff;
}

.new_banner {
  background: #bcb5ab;
}

.preorder_banner {
  background: #fe7761;
}

.soldout_banner {
  background: #edd2cf;
}

.trending_banner {
  background: #ffada0;
}

.thumbnail .price, .thumbnail .title {
  display: block;
  font-size: 16px;
}

.cart_price {
  float: right;
  text-align: right;
  padding-left: 20px;
  font-weight: bold;
  display: none;
}

#estimated-shipping, .excluding_tax {
  display: block;
}

.cart_page_image {
  float: left;
  margin-right: 20px;
  text-align: center;
  display: block;
  width: 100%;
}

.price_total_text {
  font-weight: normal;
  display: none;
}

.was_price {
  text-decoration: line-through;
  color: #7E6D5D;
  font-style: italic;
  text-shadow: none;
  font-weight: normal;
  font-size:12px;
  margin-left:5px;
}

.thumbnail .quick_shop {
  display: none;
  padding: 5px 0;
  background-color: #f57e62;
  position: absolute;
  width: 100%;
  bottom: 18px;
  left: 0;
  text-align: center;
  color: #fff;
  opacity: 0.85;
  border-radius: 0;
}

.thumbnail .quick_shop:hover {
  color: #ffffff;
  background-color: #ffada0;
  opacity: 0.95;
}

.thumbnails a {
  display: block;
  margin-bottom: 1em;
}

.twittercont, .fancycount {
  display: inline-block;
  margin-left: 6px;
}

.facebookcont {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  min-width: 88px;
}

a.fancybutton {
  background: url(../img/fancy.png?16423737643403592605) no-repeat;
  font: 11px Arial, sans-serif;
  text-indent: -9999em;
  font-size: .01em;
  color: #cd1f1f;
  height: 20px;
  width: 56px;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: -20px;
}

a.pinterestcount {
  background: url(../img/pinit.png?16423737643403592605) no-repeat;
  font: 11px Arial, sans-serif;
  text-indent: -9999em;
  font-size: .01em;
  color: #cd1f1f;
  height: 20px;
  width: 41px;
  background-position: 0 0;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: -20px;
}

a.pinterestcount:hover {
  background-position: 0 -21px;
}

a.pinterestcount:active {
  background-position: 0 -42px;
}

.arrow {
  font-size: smaller;
  position: relative;
  top: -1px;
  left: 2px;
  opacity: 0.6;
}

.modal {
  margin: 10px 0;
  display: none;
  background-color: #ffffff;
}

.modal_product {
  width: auto;
  line-height: 0px;
  max-width: 940px;
}

.modal_product img {
  cursor: pointer;
}

.modal_image {
  text-align: center;
}

.modal a {
  padding-bottom: 0;
}

.modal p.modal_price, p.modal_price {
  font-size: 22px;
  margin-bottom: 1em;
}

.modal form {
  margin-bottom: 10px;
}

.modal a {
  color: #7e6d5f;
  font-style: italic;
}

.modal a:hover {
  color: #beb5ab;
}

.notify_form .submit {
  padding: 8px 8px !important;
}

.product_image_col {
  margin-top: 15px;
  text-align: center;
}

.meta {
  font-size: 13px;
}

.meta p {
  font-size: 13px;
  margin-bottom: 0px;
}

p.meta {
  margin-bottom: 10px;
}

.comment-body p.meta {
  margin-bottom: 5px;
}

.comment-body h6 {
  padding-top: 0;
}

.sidebar_title {
  margin-bottom: 0;
}

.blog_list {
  margin-left: 0
}

.recent_articles {
  padding-top: 10px;
}

.recent_articles li {
  padding: 10px 0px
}

.recent_articles a {
  font-size: 15px;
  padding-right: 15px;
  display: block;
}

.blog_list li {
  list-style: none;
}

.toggle span {
  color: #7E6D5D;
  font-weight: bold;
  _font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: smaller;
  float: right;
  display: none;
}

.sidebar p {
  font-size: 15px;
}

.sidebar .search {
  padding-top: 8px;
}

.sidebar .search input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.meta .label, .label {
  color: #7E6D5D;
}

.blog_meta, .blog_meta a {
  color: #7E6D5D;
}

.blog_meta a:hover {
  color: #beb5ab;
}

.blog_meta p {
  padding-right: 40px;
}

.container .blog_content {
  padding-left: 40px;
  border-left: solid 1px #ded6c7;
}

.count {
  font-style: normal;
  font-size: 13px;
}

#tag_filter {
  margin-bottom: 0;
  float: right;
  width: auto;
  display: none;
}

.checkout {
  display: block;
  float: right;
  margin-top: 0px;
}

.or {
  font-size: smaller;
  font-style: italic;
  padding: 0 10px;
}

.inline_purchase {
  display: inline-block;
  margin-left: 20px;
  margin-top: 22px;
}

div.article {
  margin-bottom: 35px;
}

.comment {
  margin-bottom: 20px;
}

.comment-body h6 {
  padding-bottom: 0.25em;
}

.gravatar {
  width: 100px !important;
}

.gravatar img {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.red {
  color: #C33;
}

.address p {
  margin-bottom: 5px;
}

div#disqus_thread ul, div#disqus_thread li {
  border: none;
}

.search_page {
  padding: 40px 0 60px 0;
}

/* Alex: for list collection page margin adjustment */
.list-collections div.container.main.content {
  padding-top: 0;
}

/* #Footer
================================================== */
div.footer {
  background-color: #ffffff;
  font-size: 13px;
  line-height: 1.7em;
  color: #404040;

}

.sub-footer .social_icons li a, .sub-footer .social_icons li a:visited, div.footer a {
  color: #7E6D5D;
}

div.sub-footer a:hover, div.sub-footer .social_icons li a:hover, .footer_menu a:hover, div.footer a:hover {
  color: #f57e62;
}

.footer div.container {
  padding: 5px 0;
}

.footer div.container p {
  margin-bottom: 0;
}

.footer div.container ul {
  margin-left: 0;
}

.footer div.container ul li {
  list-style: none;
  float: left;
  display: block;
  padding: 0 10px 0 0;
}

.sub-footer {
  margin-top: 0;
  border-top: solid 1px #bcb6ac;
  background-color: #ffffff;
}

.sub-footer.index-footer {
  margin-top: 0;
}

.sub-footer p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #7E6D5D;
}

.sub-footer a {
  font-size: 14px;
}

.footer a {
  color: #7e6d5f;
}

.footer a:hover {
  color: #beb5ab;
}

.contact-form {
  margin-bottom: 0;
}

.sub-footer .social_icons li {
  display: inline;
  padding-right: 10px;
}

.sub-footer .social_icons a, .sub-footer .social_icons a:visited {
  color: #404040;
}

.sub-footer .social_icons a:active, .sub-footer .social_icons a:hover {
  color: #7e6d5f;
}

.payment_methods img {
  padding-left: 4px;
  height: 26px;
  width: 38px;
  position: relative;
  top: -2px;
}

.credits_right {
  text-align: right;
}

.credits_right ul {
  float: right;
}

.sub-footer ul {
  list-style: none outside;
  margin-left: 0;
}

.sub-footer li {
  padding: 5px 0;
  list-style: none outside none;
  margin-bottom: 0;
}

.sidescroll {
  overflow-x: auto;
  white-space: nowrap;
}

.sidescroll > li {
  display: inline-block !important;
}

/*
  jQuery.mmenu CSS
*/
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0);
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
  display: none;
}

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0;
}

.mm-fixed-top {
  top: 0;
}

.mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}

.mm-menu > .mm-panel.mm-opened {
  left: 0%;
}

.mm-menu > .mm-panel.mm-subopened {
  left: -40%;
}

.mm-menu > .mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu > .mm-panel.mm-hidden {
  display: block;
  visibility: hidden;
}

.mm-menu .mm-list {
  padding: 20px 0;
}

.mm-menu > .mm-list {
  padding: 20px 0 40px 0;
}

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px;
}

.mm-panel > .mm-list:first-child {
  padding-top: 0;
}

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-list {
  font: inherit;
  font-size: 14px;
}

.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}

.mm-list > li {
  position: relative;
}

.mm-list > li > a,
.mm-list > li > span {
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#cart .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  border-bottom-width: 0px;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}

.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.mm-list a.mm-subopen::before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}

.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
  padding-right: 5px;
  margin-right: 40px;
}

.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent;
}

.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0;
}

.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 32px;
  margin-top: -20px;
}

.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}

.mm-list > li.mm-spacer {
  padding-top: 40px;
}

.mm-list > li.mm-spacer.mm-label {
  padding-top: 25px;
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-ismenu {
  background: #333333;
}

.mm-menu {
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05);
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%;
}

.mm-menu {
  width: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}

html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

html.mm-nooverflowscrolling.mm-opened body {
  overflow: auto;
}

html.mm-nooverflowscrolling.mm-opened .mm-page {
  min-height: 1000px;
  position: fixed;
}

html.mm-nooverflowscrolling.mm-opened .mm-menu {
  height: auto;
  min-height: 1000px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  left: auto;
  top: auto;
}

html.mm-nooverflowscrolling.mm-opened > .mm-panel {
  position: relative;
  height: auto;
  display: none;
  left: 0;
}

html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
  display: block;
}

/*
  jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 20px;
  top: 50%;
}

em.mm-counter + a.mm-subopen {
  padding-left: 40px;
}

em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
  margin-right: 80px;
}

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-nosubresults > em.mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

/*
  jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*
  jQuery.mmenu header addon CSS
*/
.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}

.mm-header .mm-prev,
.mm-header .mm-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.mm-header .mm-prev:before,
.mm-header .mm-next:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -15px;
}

.mm-header .mm-prev {
  left: 0;
}

.mm-header .mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 22px;
}

.mm-header .mm-next {
  right: 0;
}

.mm-header .mm-next:before {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px;
}

.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
  margin-bottom: -10px;
}

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}

.mm-menu.mm-hasheader .mm-panel {
  padding-top: 80px;
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px;
}

.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  padding-top: 60px;
}

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 100px;
}

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/*
  jQuery.mmenu labels addon CSS
*/
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label {
  background: inherit !important;
  opacity: 0.97;
  height: 25px;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
  background: inherit;
  width: 100%;
  position: absolute;
  left: 0;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
  padding-top: 25px;
}

.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}

.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px;
}

.mm-list > li.mm-collapsed {
  display: none;
}

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05);
}

/*
  jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.mm-search {
  background: inherit;
  background-color: #F0F0F0;
  width: 100%;
  height: 50px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2;
}

.mm-search input {
  border: none;
  border-radius: 15px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none;
}

.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
  padding-right: 10px;
}

.mm-menu li.mm-noresults {
  text-align: center;
  font-size: 21px;
  display: none;
  padding-top: 80px;
}

.mm-menu li.mm-noresults a {
  line-height: 32px;
}

.mm-menu li.mm-noresults:after {
  border: none;
}

.mm-menu.mm-noresults li.mm-noresults {
  display: block;
}

.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 60px;
}

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}

/*
  jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%);
}

html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}

html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%);
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

html.mm-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-panels .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}

/*
  jQuery.mmenu fullscreen extension CSS
*/
html.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%;
}

.mm-menu.mm-fullscreen {
  width: 100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px;
  }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px;
  }
}

@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px;
  }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px;
  }
}

.mm-menu.mm-top.mm-fullscreen {
  height: 100%;
}

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%;
}

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px;
  }
}

@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px;
  }
}

.mm-menu.mm-right.mm-fullscreen {
  width: 100%;
}

html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px;
  }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px;
  }
}

@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px;
  }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px;
  }
}

.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%;
}

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%;
}

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px;
  }
}

@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px;
  }
}

.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  left: -100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -140px;
  }
}

@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -10000px;
  }
}

.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px;
  }
}

@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px;
  }
}

.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px;
  }
}

@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px;
  }
}

.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px;
  }
}

@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px;
  }
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

/*
  jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
  width: 100%;
}

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto;
}

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0;
}

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0;
}

.mm-menu.mm-top {
  height: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
  top: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px;
  }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px;
  }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 880px;
  }

  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -880px;
  }
}

.mm-menu.mm-right {
  width: 80%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  right: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px;
  }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px;
  }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 440px;
  }
}

.mm-menu.mm-bottom {
  height: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
  top: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 880px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -880px;
  }
}

/*
  jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform;
}

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0;
}

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  left: 0%;
}

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  left: 0;
}

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%;
}

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  left: auto;
}

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%;
}

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0;
}

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  left: -80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -440px;
  }
}

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  top: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -880px;
  }
}

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -440px;
  }
}

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  bottom: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -880px;
  }
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

/*
  jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-light {
  background: #f3f3f3;
}

.mm-menu.mm-light {
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-white {
  background: #F0F0F0;
}

.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.08);
}

.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}

.mm-ismenu.mm-black {
  background: black;
}

.mm-menu.mm-black {
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25);
}

.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/* #jQuery FlexSlider v2.2
================================================== */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav, .flex-direction-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.slides li {
  border: none;
  padding: 0;
  margin-bottom: 0;
  position: relative;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
  z-index: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

.flexslider .slides img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}


#homepage_slider .slides img {
  width: 100%;
}





/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
  clear: both;
  overflow: hidden
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides li {
  text-align: center;
  position: relative;
}

.carousel li {
  margin-right: 5px;
  border: 0
}

.flex-caption {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 25%;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);
}

.flexslider .headline {
  font-size: 38px;
  margin-bottom: 0.2em;
  line-height: 43px;
  font-weight: normal;
  position: relative;
}

.flexslider p.subtitle {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: normal;
  position: relative;
}

.flex-caption .action_button {
  border: 2px solid rgba(255, 255, 255, .6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 1) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  position: relative;
}

.flex-caption .action_button:hover {
  background-color: rgba(255, 255, 255, 1) !important;
  border-color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  width: 60px;
  height: 60px;
  margin: -20px 0 0;
  display: block;
  z-index: 10;
  background: url(../img/arrow_sprite.png?16423737643403592605) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 0 -120px;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  background-position: 0 -60px;
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 15px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 15px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.flex-control-nav li {
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-nav li:first-child {
  margin: 0;
}

.flex-control-nav li a {
  width: 40px;
  height: 1px;
  display: block;
  opacity: 0.3;
  cursor: pointer;
  text-indent: -9999em;
  border: 3px solid #fff;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}

.flex-control-nav li a.flex-active {
  opacity: 0.8;
  cursor: default;
}

.flex-control-thumbs {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-thumbs li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-thumbs {
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li, .flex-control-thumbs li:first-child {
  width: 16%;
  vertical-align: top;
  margin: 15px 5% 0 0;
}

.flex-control-thumbs li:nth-child(5n) {
  margin: 15px 0 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.product_slider .flex-active-slide a:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

.product_slider {
  margin-bottom: 2em
}

.product_slider .slides img {
  width: 100% !important;
}

/* #Fancybox
================================================== */
/*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background-color: #ffffff;
  color: #444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 100001;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/arrow_sprite.png?16423737643403592605');
  background-position: 0 -180px;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -306px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/loader.gif?16423737643403592605') center center no-repeat;
  background-size: 32px 32px;
  display: block !important;
}

.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
  background-position: 0 -30px;
}

.fancybox-close:hover {
  background-position: 0 0;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../img/blank.gif?16423737643403592605'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -180px;
}

.fancybox-prev span:hover {
  left: 10px;
  background-position: 0 -60px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -240px;
}

.fancybox-next span:hover {
  right: 10px;
  background-position: 0 -120px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 100000;
  background: url(../img/fancybox_overlay.png?16423737643403592605);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  width: 100%;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -28px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 0px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
  width: 100%;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*
 Cloud Zoom CSS. (c)2012 Star Plugins.
*/
.cloudzoom-lens {
  border: none;
  border: 1px solid #888;
  width: 225px;
  height: 175px;
  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.40);
  cursor: pointer;
  z-index: 11;
}

.cloudzoom-zoom {
  border: 1px solid #888;
  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.40);
  background-color: #ffffff;
}

.cloudzoom-zoom-inside {
  border: none;
  box-shadow: none;
}

.cloudzoom-caption {
  display: none;
  text-align: left;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  _font-family: sans-serif;
  font-size: 11px;
}

.cloudzoom-blank {
  background-image: url('../img/blank.gif?16423737643403592605');
}

div.cloudzoom-ajax-loader {
  display: none;
}

.cloudzoom-lens + div {
  display: none !important
}

  
/*
* Layout
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* .table of Contents
==================================================
    #Base 960 Grid
    #.tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
    #Media Queries */

/* #Base 1200 Grid
================================================== */

.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.column, .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

.row {
  margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0;
}

.column.omega, .columns.omega {
  margin-right: 0;
}

/* Base Grid */
.container .one.column {
  width: 55px;
}

.container .two.columns {
  width: 130px;
}

.container .three.columns {
  width: 205px;
}

.container .four.columns {
  width: 280px;
}

.container .five.columns {
  width: 355px;
}

.container .six.columns {
  width: 430px;
}

.container .seven.columns {
  width: 505px;
}

.container .eight.columns {
  width: 580px;
}

.container .nine.columns {
  width: 655px;
}

.container .ten.columns {
  width: 730px;
}

.container .eleven.columns {
  width: 805px;
}

.container .twelve.columns {
  width: 880px;
}

.container .thirteen.columns {
  width: 955px;
}

.container .fourteen.columns {
  width: 1030px;
}

.container .fifteen.columns {
  width: 1105px;
}

.container .sixteen.columns {
  width: 1180px;
}

.container .one-third.column {
  width: 380px;
}

.container .two-thirds.column {
  width: 780px;
}

.container .one-fifth.column {
  width: 220px;
}

/* Offsets */
.container .offset-by-one {
  padding-left: 75px;
}

.container .offset-by-two {
  padding-left: 150px;
}

.container .offset-by-three {
  padding-left: 225px;
}

.container .offset-by-four {
  padding-left: 300px;
}

.container .offset-by-five {
  padding-left: 375px;
}

.container .offset-by-six {
  padding-left: 450px;
}

.container .offset-by-seven {
  padding-left: 525px;
}

.container .offset-by-eight {
  padding-left: 600px;
}

.container .offset-by-nine {
  padding-left: 675px;
}

.container .offset-by-ten {
  padding-left: 750px;
}

.container .offset-by-eleven {
  padding-left: 825px;
}

.container .offset-by-twelve {
  padding-left: 900px;
}

.container .offset-by-thirteen {
  padding-left: 975px;
}

.container .offset-by-fourteen {
  padding-left: 1050px;
}

.container .offset-by-fifteen {
  padding-left: 1125px;
}

/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
  }

  .container .column,
  .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
  }

  .row {
    margin-bottom: 20px;
  }

  /* Nested Column Classes */
  .column.alpha, .columns.alpha {
    margin-left: 0;
  }

  .column.omega, .columns.omega {
    margin-right: 0;
  }

  /* Base Grid */
  .container .one.column,
  .container .one.columns {
    width: 40px;
  }

  .container .two.columns {
    width: 100px;
  }

  .container .three.columns {
    width: 160px;
  }

  .container .four.columns {
    width: 220px;
  }

  .container .five.columns {
    width: 280px;
  }

  .container .six.columns {
    width: 340px;
  }

  .container .seven.columns {
    width: 400px;
  }

  .container .eight.columns {
    width: 460px;
  }

  .container .nine.columns {
    width: 520px;
  }

  .container .ten.columns {
    width: 580px;
  }

  .container .eleven.columns {
    width: 640px;
  }

  .container .twelve.columns {
    width: 700px;
  }

  .container .thirteen.columns {
    width: 760px;
  }

  .container .fourteen.columns {
    width: 820px;
  }

  .container .fifteen.columns {
    width: 880px;
  }

  .container .sixteen.columns {
    width: 940px;
  }

  .container .one-third.column {
    width: 300px;
  }

  .container .two-thirds.column {
    width: 620px;
  }

  .container .one-fifth.column {
    width: 172px;
  }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 60px;
  }

  .container .offset-by-two {
    padding-left: 120px;
  }

  .container .offset-by-three {
    padding-left: 180px;
  }

  .container .offset-by-four {
    padding-left: 240px;
  }

  .container .offset-by-five {
    padding-left: 300px;
  }

  .container .offset-by-six {
    padding-left: 360px;
  }

  .container .offset-by-seven {
    padding-left: 420px;
  }

  .container .offset-by-eight {
    padding-left: 480px;
  }

  .container .offset-by-nine {
    padding-left: 540px;
  }

  .container .offset-by-ten {
    padding-left: 600px;
  }

  .container .offset-by-eleven {
    padding-left: 660px;
  }

  .container .offset-by-twelve {
    padding-left: 720px;
  }

  .container .offset-by-thirteen {
    padding-left: 780px;
  }

  .container .offset-by-fourteen {
    padding-left: 840px;
  }

  .container .offset-by-fifteen {
    padding-left: 900px;
  }
}

/* #.tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }

  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }

  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .one.column,
  .container .one.columns {
    width: 28px;
  }

  .container .two.columns {
    width: 76px;
  }

  .container .three.columns {
    width: 124px;
  }

  .container .four.columns {
    width: 172px;
  }

  .container .five.columns {
    width: 220px;
  }

  .container .six.columns {
    width: 268px;
  }

  .container .seven.columns {
    width: 316px;
  }

  .container .eight.columns {
    width: 364px;
  }

  .container .nine.columns {
    width: 412px;
  }

  .container .ten.columns {
    width: 460px;
  }

  .container .eleven.columns {
    width: 508px;
  }

  .container .twelve.columns {
    width: 556px;
  }

  .container .thirteen.columns {
    width: 604px;
  }

  .container .fourteen.columns {
    width: 652px;
  }

  .container .fifteen.columns {
    width: 700px;
  }

  .container .sixteen.columns {
    width: 748px;
  }

  .container .one-third.column {
    width: 236px;
  }

  .container .two-thirds.column {
    width: 492px;
  }

  .container .one-fifth.column {
    width: 133px;
  }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }

  .container .offset-by-two {
    padding-left: 96px;
  }

  .container .offset-by-three {
    padding-left: 144px;
  }

  .container .offset-by-four {
    padding-left: 192px;
  }

  .container .offset-by-five {
    padding-left: 240px;
  }

  .container .offset-by-six {
    padding-left: 288px;
  }

  .container .offset-by-seven {
    padding-left: 336px;
  }

  .container .offset-by-eight {
    padding-left: 384px;
  }

  .container .offset-by-nine {
    padding-left: 432px;
  }

  .container .offset-by-ten {
    padding-left: 480px;
  }

  .container .offset-by-eleven {
    padding-left: 528px;
  }

  .container .offset-by-twelve {
    padding-left: 576px;
  }

  .container .offset-by-thirteen {
    padding-left: 624px;
  }

  .container .offset-by-fourteen {
    padding-left: 672px;
  }

  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .container.main.content{
    margin-top:50px!important;
    padding-bottom:30px;
}
  .container .columns,
  .container .column {
    margin: 0;
  }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }

  .container .one-fifth.column {
    width: 140px;
  }

  .container .one-fifth.column:nth-child(2n) {
    margin-left: 20px
  }


  .container .thumbnail.even, .container .thumbnail.odd {
    width: 140px !important;
  }

  .container div.thumbnail.even {
    clear: left;
    width: 50% !important;
  }

  .container div.thumbnail.odd {
   width: 50% !important;
  }

  br.product_clear {
    display: none
  }



  .collection_description span {
    width: 100% !important;
  }

  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }

}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }

  .container .columns,
  .container .column {
    margin: 0;
  }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }

  .container .one-fifth.column {
    width: 200px;
  }

  .container .one-fifth.column:nth-child(2n) {
    margin-left: 20px
  }


  .container .thumbnail.even, .container .thumbnail.odd {
    width: 200px !important;
  }

  .container div.thumbnail.even {
    clear: left
  }

  .container div.thumbnail.odd {
  
  }

  br.product_clear {
    display: none
  }


}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.action_button:hover {
  background-color: #f57e62;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  .collection_menu {
    display: none;
  }

  #tag_filter {
    display: block;
  }

  h1.collection_title_tags, div.collection_title_tags {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .cloudzoom-lens {
    width: 140px;
    height: 120px;
  }

  .sidescroll > li:after {
    border-color: rgba(0, 0, 0, 0) !important;
  }

  .header-item-text {
    position: absolute;
    text-align: center;
    min-width: 50px;
    top: 70px;
    left: 9px;
    right: 0px;
    bottom: 0px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 983px) {
  .nav ul.menu li.text-link {
    padding-left: 2px !important;
    padding-right: 2px!important;
  }
}

/* .tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .featured_links a span {
    font-size: 22px;
  }

  .nav ul.menu li {
    padding: 10px 3px 10px 3px;
  }

  .dropdown {
    left: 3px;
  }

  .nav ul li .cart-button {
    background-color: transparent;
    padding: 0;
    color: #fe7761 !important;
  }

  .header_bar .nav ul li .cart-button {
    color: #000 !important;
  }

  .nav ul li .cart-button span {
    display: none
  }

  .cart_count {
    top: -6px;
    left: 10px;
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 980px) {
  .flex-control-nav {
    bottom: 0px;
  }


  #homepage_slider .flex-control-nav {
    display: none;
  }

  .featured_links a span {
    font-size: 22px;
  }


  .or {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-left: 0;
    padding-bottom: 5px;
  }

  .cart_count {
    top: 0px;
    left: 10px;
  }

  #collection-header {
    display: none;
  }

  .header {
    background-color: #ffffff;
  }

  .mobile_hidden {
    display: none !important
  }

  .table tr.order_summary td.label {
    text-align: left
  }

  .index .logo a, .index .logo a:hover, .index .logo a:visited, .index .logo a:active {
    color: #303030;
  }

  .cart_count {
    left: 8px;
  }

  .breadcrumb {
    text-align: center;
    margin-bottom: 1.5em;
  }

  .featured_text {
    font-size: 16px;
    line-height: 1.7em;
    text-align: center;
  }

  div.content {
    padding-top: 30px;
  }

  #header {
    display: block;
  }

  .header {
    position: relative;
    margin-top: 40px;
    text-align: center;
  }

  .toggle span {
    display: block;
  }

  .toggle_list {
    display: none;
  }

  select {
    width: 100%;
  }

  .flexslider a.action_button {
    width: initial;
    background-color: #7e6d5f !important;
    color: white !important;
    text-shadow: none;
    border: none;
  }

  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input.action_button[type="submit"],
  input.action_button[type="button"],
  .sign_up {
    margin-left: 0;
    width: 100%;
  }

  .credits_right {
    text-align: left;
  }

  .container .column.thumbnail, .container .columns.thumbnail {
    margin-top: 1em;
  }
  /*
  .table[style] {
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden;
  }

  tr, td {
    display: block;
    width: 99% !important;
    max-width: 99% !important;
    padding: 0px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  tr {
    padding-bottom: 6px !important;
  }

  td {
    padding: 4px !important;
  }
*/
  .title_column {
    float: left;
  }

  .container div.mobile_only {
    display: block;
  }

  span.mobile_only {
    display: inline;
  }

  .price_total {
    text-align: right;
  }

  .price_total_text {
    display: block;
  }

  .update_subtotal, .price_total, .remove_column, .checkout_.table_header {
    display: none;
  }

  .mobile_right {
    text-align: right;
  }

  .quick_shop {
    display: none !important;
  }

  .cart_price {
    display: block;
    margin-bottom: 0;
  }

  .table tr th, .table tr td {
    padding: 2px;
  }

  input.action_button {
    margin-bottom: 1em !important;
  }

  .multiple_product_images {
    display: none;
  }

  .flex-caption {
    top: 0;
    position: relative;
  }

  #as-seen-on {
    margin-top: 0;
  }

  .flex-caption .headline {
    font-size: 1.5em;
    line-height: 1.5em;
    position: relative;
  }

  .flex-caption p.subtitle {
    font-size: 1.1em;
    line-height: 1.5em;
    position: relative;
  }

  .container .blog_content {
    padding-left: 0;
    border: 0;
  }
}

/* Mobile Landscape Size to .tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 980px) {
  .mobile_hidden {
    display: none !important
  }

  #cart a.action_button.edit_cart, #cart .action_button {
    width: 120px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 980px) {
  #cart a.action_button.edit_cart, #cart .action_button {
    width: 90px;
  }

  .mobile_hidden {
    display: none !important
  }

  .cart_image {
    width: 50px;
    padding-right: 10px
  }

  #cart a.edit_cart, #cart a.action_button {
    width: inherit;
    padding: 12px;
  }

  .flex-caption .headline, .flex-caption p.subtitle {
    font-size: 1.1em;
    line-height: 1.1em;
  }

  .flex-caption p.subtitle {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 1em;
  }

  .flex-caption .action_button {
    padding: 4px 15px;
    font-size: 12px;
  }

  .flex-direction-nav .flex-prev {
    display: none;
  }

  .flex-direction-nav .flex-next {
    display: none;
  }

  h1, h2, h1.home, h1.blog_title, h3, h4, h5, h6, .title a {
  
  }

  h1, h1.home, h1.blog_title, .title a, h2 {
    padding: 0;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
}

.social_buttons, .social_buttons a {
  color: #3E3636 !important;
}

.social_buttons a {
  padding-left: 5px;
}

.social_buttons a:hover {
  color: #7e6d5f !important;
}
/*
@font-face {
  _font-family: 'OutOfTheSandbox';
  src: url('//cdn.shopify.com/s/files/1/0275/3027/t/154/assets/OutOfTheSandbox.eot?16423737643403592605');
  src: url('//cdn.shopify.com/s/files/1/0275/3027/t/154/assets/OutOfTheSandbox.eot?%23iefix&16423737643403592605') format('embedded-opentype'),
  url('//cdn.shopify.com/s/files/1/0275/3027/t/154/assets/OutOfTheSandbox.woff?16423737643403592605') format('woff'),
  url('//cdn.shopify.com/s/files/1/0275/3027/t/154/assets/OutOfTheSandbox.ttf?16423737643403592605') format('truetype'),
  url('//cdn.shopify.com/s/files/1/0275/3027/t/154/assets/OutOfTheSandbox.svg%23OutOfTheSandbox?16423737643403592605') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  _font-family: 'Lusitana';
  font-style: normal;
  font-weight: 400;
  src: local('Lusitana'), url(http://themes.googleusercontent.com/static/fonts/lusitana/v2/tAIvAkRzqMJf8Y4fM1R7PfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
  _font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: local('News Cycle Regular'), local('NewsCycle-Regular'), url(http://themes.googleusercontent.com/static/fonts/newscycle/v10/9Xe8dq6pQDsPyVH2D3tMQhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
  _font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v3/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
    */

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  _font-family: 'OutOfTheSandbox';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-account {
  width: 20px;
  height: 20px;
  left: 20px;
  background-image: url("../img/user-icon.png?16423737643403592605");
  background-size: cover;
}

.user-icon-container {
  top: 7px;
  /*left: 10px;*/
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-menu, .nav a.icon-cart, #header a.icon-cart, .nav a.icon-user, .nav a.icon-search, .nav a.icon-pinterest, a.icon-pinterest, .nav a.icon-vimeo, .nav a.icon-tumblr, .nav a.icon-google-plus, a.icon-google-plus, .nav a.icon-facebook, a.icon-facebook, .nav a.icon-instagram, .nav a.icon-twitter, .icon-twitter, .icon-feed, .nav a.icon-linkedin, .icon-linkedin, .nav a.icon-vimeo-2, a.icon-vimeo-2, .nav a.icon-flickr, a.icon-flickr, .icon-phone, .nav a.icon-mail, a.icon-mail, .icon-mail, .icon-plus, .icon-checkmark, .nav a.icon-youtube, .icon-youtube, .icon-facebook, .icon-google-plus, .icon-pinterest, .icon-tumblr, .icon-instagram {
  _font-family: 'OutOfTheSandbox';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

.icon-menus:before {
  content: "\e000";
}

.icon-cart:before {
  content: "\e001";
}

.icon-user:before {
  content: "\e002";
}

.icon-search:before {
  content: "\e003";
}

.icon-pinterest:before {
  content: "\e004";
}

.icon-vimeo:before {
  content: "\e008";
}

.icon-tumblr:before {
  content: "\e009";
}

.icon-google-plus:before {
  content: "\e00b";
}

.icon-facebook:before {
  content: "\e007";
}

.icon-instagram:before {
  content: "\e006";
}

.icon-twitter:before {
  content: "\e00c";
}

.icon-feed:before {
  content: "\e005";
}

.icon-linkedin:before {
  content: "\e00d";
}

.icon-vimeo-2:before {
  content: "\e00e";
}

.icon-flickr:before {
  content: "\e00f";
}

.icon-phone:before {
  content: "\e00a";
}

.icon-mail:before {
  content: "\e010";
}

.icon-plus:before {
  content: "\e011";
}

.icon-checkmark:before {
  content: "\e012";
}

.icon-youtube:before {
  content: "\e013";
}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

/*  @font-face {
      _font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/

#cart-flyover-container {
  position: relative;
  display: block;
  z-index: 100004;
}

#cart-flyover {
  position: absolute;
  right: 0;
  top: 22px;
  width: 385px;
  background-color: white;
  border: solid 1px #ddd;
  display: none;
  padding: 15px;

}

#cart-flyover .table {
  margin: 0;
}

#cart-flyover .table tr.checkout-row {
  border: none;
}

#cart-flyover .table tr.checkout-row a {
  white-space: nowrap;
}

#cart-flyover .table tr.checkout-row a:hover {
  color: white !important;
  background-color: #E2532A;
  border-color: #E2532A;
}


#cart-flyover tr {
  border: none;
  border-top: solid 1px #ddd;
  padding: 10px 0;
}

#cart-flyover td {
  text-align: center;
  padding: 5px;
  border: none;
}

#cart-flyover td span {
  width: 100%;
  display: block;
  text-align: left;
  float: left;
  line-height: 26px;
}

#cart-flyover .remove-line {
  text-decoration: underline;
  color: #EA6E58;
  cursor: pointer;
  white-space: nowrap;
}

input.flyover-input {
  display: inline-block;
  width: 20px;
  float: left;
  height: 20px;
  height: 2;
  padding: 2px;
  text-align: center;
}

#cart-flyover td span span.subspan {
  width: 10px;
  float: left;
  padding: 2px 7px 0;
  cursor: pointer;
  margin-top: -7px;

}

#cart-flyover td span span.subspan:first-child {
  padding-left: 0;
}

.quantity-button {
  cursor: pointer;
}

.collection .main.content {
  padding-top: 0;
}

.collection-cont, .collection-cont h3 {
  text-align: center;
  text-transform: capitalize;
}

.collection-cont img {
  max-width: 100%;
}

#collection-listing h1 {
  text-align: center;
 padding: 12px 0 13px;
  margin-bottom: 20px;
}

#collection-listing .row {
  margin: 0 -10px;
  clear: both;
  float: left;
  display: block;
}

.swatch .options {

  width: 150px;
  text-align: center;
  margin-bottom: 0;
}

.swatch li.unavailable span {
  background-color: white;
  color: lightgrey;
  border-color: lightgrey;
  pointer-events: none;
}

.swatch li.unavailable {
  pointer-events: none;
}

.swatch li {
  display: inline-block;
  margin-bottom: 0;
}

.swatch li span, input.quantitys[type="text"] {
  border: 1px solid #665656;
  border-radius: 32px;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin: 4px;
  width: 36px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  _font-family: Avenir-Roman, 'muli', sans-serif;
  font-size: 12px;
  color: #4A4A4A;
  letter-spacing: 0.68px;
}

a.size-chart {
  margin-top: 15px;
  display: inline-block;
  cursor: pointer;
}

.sizing-chart .table .odd, .page.sizing .table .odd {
  background-color: #ccc;
}

.sizing-chart .table td, .sizing-chart .table tr, .page.sizing .table td, .page.sizing .table tr {
  border: none;
  font-size: 16px;
  font-weight: semi-bold;
}

.sizing-chart .table .orange, .page.sizing .table .orange {
  color: #f57e62;
}

.page.sizing .table td {
  padding: 7px;
  text-align: center;
}

.page.sizing input {
  padding: 3px 20px;
  position: absolute;
  top: 0;
  left: 93%;
}

.page.sizing .top-h2 {
  position: relative;
}

.form-block {
  width: 150px;
  margin-left: 30px;
  text-align: center;
  display: block;
}

#quantity {
  border: 1px solid #665656;
  border-radius: 32px;
  cursor: auto;
  display:inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 0;
  pointer-events: none;
  text-align:center;
  height:26px;
  margin:4px;
}

#quantity-plus, #quantity-minus {
  font-size: 22px;
  vertical-align: middle;
}

.swatch li.selected span {
  background-color: #3E3636;
  border: 1px solid #3E3636;
  color: white;
}

.swatch li span:hover {
  opacity: 0.6;
}

.swatch li.selected span:hover {
  opacity: 1;
}

.product-select {
  display: none;
}

form.product_form input.add_to_cart, .modal-front input[type="button"] {
  width: 100px;
  margin-top: 10px;
  padding: 5px;
  font-size: 16px;
  border-radius: 0;
  background-color: #f57e62;
}

form.product_form input.add_to_cart:hover {
  background-color: #f57e62;
  opacity: 0.6;
}

#product-detail, #product-fit, #product-print {
  width: 50%;
  display: block;
  float: left;
  _font-family: Avenir, 'muli', sans-serif;
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1.2em;
}

@media (max-width: 767px) {
  #product-detail, #product-fit, #product-print {
    width: 100%;
  }
}

h1.product_name {
  width: 150px;
  font-size: 16px;
  text-align: center;
  margin-left: 30px;
  margin-bottom: 5px;
}

p.modal_price {
  width: 150px;
  font-size: 14px;
  text-align: center;
  margin-left: 30px;
  _font-family: Avenir, 'muli', sans-serif;
}

.modal-front .table {
  width: 90%;
  margin: auto;
}

.modal-front .units {
  width: 90%;
  margin: auto;
  text-align: right;
  padding-right: 1px;

}

.modal-front .table td {
  padding: 5px;
  vertical-align: middle;
}

.player-section {
  text-align: center;
  position: relative;
}

.player-section iframe {
  width: 100%;
}

.player-section img {
  width: 640px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 10px;
}

#mce-GENRE, #mc-signup-button {
  width: 45%;
  float: left;

}

#mc-signup-button {
  padding: 9px;
}

#mce-GENRE {
  margin-right: 10%;
}

#collection-header {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100px;
  _font-family: Georgia, serif;
  font-size: 23px;
  line-height: 1.3em;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

}

.cart-gift {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 5px;
}

.cart-gift label, .cart-gift input {
  float: left;
  margin-right: 10px;
}

.cart-gift label {
  width: 50%;
}

.notify_trigger {
  text-align: center;
}

.notify_trigger button {
  width: 150px;
  padding: 5px;
  font-size: 16px;
  border-radius: 0;
  background-color: #f57e62;

}

.notify_form {
  display: none;
  position: absolute;
  background-color: white;
  border: solid 1px #ded6c7;
  padding: 15px;
  text-align: left;
  z-index: 99;
}

#BIS_trigger {
  display: none !important;
}

.notify_form select, .notify_form input[type=submit] {
  margin-top: 10px;
  width: 45%;
  float: left;
  height: 40px;
}

.notify_form select {
  margin-right: 10%;
}

.notify_trigger:hover .notify_form {
  display: block;
}

#as-seen-on {
  text-align: center;
  border-bottom: none;
  margin-top: 10px;

  display: block;
  float: left;
}

#as-seen-on h2 {

  color: #665656;
  _font-family: 'Lusitana', Arial, serif;
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 1.07em;

  cposition: relative;
  text-align: center;
}

#as-seen-on h3 {
  color: #6d5556;
  _font-family: Georgia;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 30px;
  margin-top: 20px;

}

#as-seen-on p img {
  width: 100%;
}

.thumbnail .info {
  text-align: center;
}

.info .price {
  _font-family: Avenir-Heavy, 'muli', sans-serif;
}

a.secondary-btn, .nav a.secondary-btn {
  background-color: #fff;
  border: medium none;
  color: #685442;
  cursor: pointer;
  _font-family: Avenir, 'muli', sans-serif;
  font-weight: 800;
  font-size: 13px;
  height: 28px;
  letter-spacing: 0.02em;
  line-height: 28px;
  padding: 3px 6px 4px;
  text-transform: uppercase;
  vertical-align: bottom;
  color: #685442 !important;
  border: 1px solid;
  border-radius: 3px;
  padding: 7px;
}

.checkout-row {
  text-align: center;
}


.nav .checkout-row a.action_button {
  border: medium none;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
  _font-family: Avenir, 'muli', sans-serif;
  font-weight: 800;
  font-size: 13px;
  height: 44px;
  color: white !important;
  letter-spacing: 0.02em;
  line-height: 28px;
  padding: 9px !important;
  text-transform: uppercase;
  vertical-align: bottom;
}

.page-content h2 {
  color: #6d5556;
  _font-family: Georgia;
  font-size: 17px;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  text-align: center;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 30px;
  margin-top: 20px;

}

.page-content .table td a {

  _font-family: 'Lusitana';
  font-size: 16px;
  text-decoration: underline;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.page-content .table tr {
  border: none;
}

.page-content .table td {
  width: 50%;
  padding: 0;
  background-color: #efefed;
  border: none;
}

.page-content .table td h2 {
  color: #000000;
  font-size: 18px;
  text-align: center;
  line-height: 1.3em;
  margin-bottom: 10px;
  font-weight: normal;
}

.page-content .table td p {
  color: #665656;
  font-size: 16px;
  text-align: justify;
  line-height: 1.3em;
}

.page-content .table td h2, .page-content .table td p {
  padding: 0 30px;

}

.page-content .table td img {
  width: 100%;
  vertical-align: bottom;
}

h1.page_title {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.page-content .table.bio-story {
  border-top: solid 1px #E6E4E0;

}

.page-content .table.bio-story td {
  background: white;
  text-align: center;
}

.page-content .table.bio-story td img {
  vertical-align: middle;
  width: auto;
}

@media (max-width: 767px) {
  .page-content .table.bio-story td img {
    vertical-align: middle;
    width: 100% !important;
  }
}

h1.collection_title, .collection_description {
  text-align: center;
  display: inline-block;
  width: 100%;
}

h1.collection_title {
  margin-top: 15px;
}

.collection_description {
  font-size: 16px;
}

.collection_description span {
  width: 530px;
  display: inline-block;
  text-align: justify;
}

.product_form {
  margin-bottom: 0;
}

.quickshop-modal .six.columns * {
  text-align: center !important;

}

.quickshop-modal .form-block {
  width: 100%;
  margin-left: 0;
}

.quickshop-modal p.modal_price, .quickshop-modal .options {
  margin: auto;
}

.instagram-image img {
  width: 100%;
}

#privacy-policy ul, #terms-of-use ul {
  list-style-type: disc;
}

#privacy-policy, #terms-of-use {
  color: #665656;
  _font-family: Avenir, 'muli', sans-serif;
  font-size: 16px;
  letter-spacing: 0em;
  line-height: 1.2em;
  padding: 10px 0 0;
}

#privacy-policy > div, #privacy-policy > ul > li,
#terms-of-use > div, #terms-of-use > ul > li {
  padding: 8px 0;
}

.pp-header-1, .tou-header-1 > span {
  font-weight: bold;
  text-decoration: underline;
}

.pp-header-2 > span {
  text-decoration: underline;
}

table.faq-table td {
  width: 100%;
  display: inline-block;
  background-color: transparent;
  _font-family: Avenir;
}

.page-content table.faq-table td a {
  display: inline-block;
  width: auto;
}

.faq-table .answer {
  display: none;
  padding: 10px 0;
  font-size: 16px;
}

.faq-table .answer a {
  _font-family: Avenir, 'muli', sans-serif;
}

.page-content .table.faq-table td img.faq-icon {
  width: 20px;
  vertical-align: text-bottom;
}

.faq-minus {
  display: none;
}

.faq-page.page-content h2 {
  text-align: left;
  margin-bottom: 10px;
}

.cta-arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 20000;
}

.popup-form .newsletter {
  position: absolute;
  top: 107px;
  right: 30px;
  width: 146px;

}

.newsletter-popup-image-mobile {
  display: none;
}

@media (max-width: 767px) {
  .popup-form .newsletter {
    top: 37%;
    right: 19%;
  }

  .newsletter-popup-image {
    display: none;
  }

  .newsletter-popup-image-mobile {
    display: block;
  }
}

.collection-image, #homepage_slider {
  position: relative;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .fix-under {
    display: none;
  }

  .collection-image, #homepage_slider {
    margin-top: 35px;
  }

  .overlay-play {
    top: 0 !important;
    width: 100%;
  }
}

.overlay-play {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

#page-player, .collection-image .overlay {
  position: absolute;
  width: 900px;
  height: 495px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

}

@media (max-width: 980px) {
  #page-player, .collection-image .overlay {
    width: 300px;
    height: 165px;
  }
}

.collection-image .overlay-banner, .collection-image .overlay {
  top: 0;
  width: 100%;
  margin: 0;
}

.overlay-play {
  top: 50%;

}

@media (min-width: 960px) {

  .product-sidebar {

    margin-top: 25px;
    position: relative;
  }

}

@media (max-width: 959px) {
  .page-content .table td p {
    color: #665656;
    font-size: 14px;
    text-align: justify;
    line-height: 1.3em;
  }
}

@media (max-width: 767px) {
  .player-section iframe {
    width: 300px;
    height: 173px;
  }

// a.size-chart {
   / / display: none;
   / /
   }

  .fix-under.mm-fixed-top {
    top: 0;
  }

  div.header.mm-fixed-top.fix-top {
    display: none;
  }

  h1.product_name, p.modal_price {
    margin: auto;
    margin-bottom: 10px;
  }

  .form-block {
    width: 100%;
    margin-left: 0;
  }

  .option-list {
    margin: auto;
  }
}

.video-blurb div {
  text-align: justify !important;
}

.product_section .preorder_banner {
  left: initial;
}

@media (max-width: 767px) {
  .video-blurb h3 {
    font-size: 18px;
  }

  .video-blurb div {
    font-size: 14px;
    line-height: 1.3em;
  }

  .player-section img {
    width: 300px;
  }

}

@media (max-width: 959px) and (min-width: 768px) {
  .nav ul li a.sub-menu {
    padding: 0;
  }

  .dropdown {
    left: -200px;
    top: 39px;

  }

  #cart-flyover {
    top: 27px;
  }

  .player-section iframe {
    width: 100%;
    height: 226px;
  }

}

.collection div.content, .page-banner div.content, .page-faq div.content {
  padding-top: 30px;
}

#video-content {
  background: #EBEBE9;
}


.banner_overlay {
  position:relative;
  color: white;
  top: 42%;
  width: 100%;
  text-align: center;
}

.banner_overlay h3 {
  text-align: center;
  color: white;
  font-size: 26px;
}

.banner_overlay a {
  color: #F3624C;
}

.nav ul.menu li.text-link {
  padding-left: 10px;
  padding-right: 10px;
}
/*
.nav ul.menu li.cart-link {
  margin-left: 15px;
}*/

#flex-caption-1 {
  top: 10%;
}

.units input {
  text-transform: lowercase;
  font-size: 17px !important;
}

.product-sidebar {
  position: relative;
}

.suggestion_button {
  background-color: #6B7582;
  border: medium none;
  color: #FFF;
  cursor: pointer;
  _font-family: Avenir, 'muli', sans-serif;
  font-size: 13px;
  height: 28px;
  letter-spacing: 0.02em;
  line-height: 28px;
  padding: 3px 6px 4px;
  text-transform: uppercase;
  vertical-align: bottom;
  width: 130px;
  margin-left: 33px;
  text-align: center;
}

.suggestion_content {
  position: absolute;
  top: 0px;
  border: solid 1px #7e6d5f;
  background: white;
  padding: 10px;
}

.suggestion_container {
  position: relative;
}

.suggestion_close {
  text-align: right;
  margin-top: -10px;
  cursor: pointer;
}

.debug {
  display: none;
}



.quickview-sidebar .suggestion_button {
  margin-left: 145px;
}

.press_images {
  text-align: center;
  margin-bottom: 25px;
}

.press_images a {
  height: 50px;
  display: inline-block;
  width: 10%;
}

.press_images img {
  max-height: 100%;
  max-width: 75%;
  margin: 0 20px;
  vertical-align: middle;
}

@media (max-width: 1200px) {
  .quickview-sidebar .suggestion_button {
    margin-left: 100px;
  }
}

@media (max-width: 959px) {
  .nav ul.menu li.text-link {
    padding-left: 2px;
    padding-right: 2px;
  }

  /*.nav ul.menu li.cart-link {
    margin-left: 15px;
  }*/

  #flex-caption-1 {
    top: 10%;
  }



  .quickview-sidebar .suggestion_button {
    margin-left: 65px;
  }
}

@media (max-width: 767px) {
  .suggestion_button {
    float: none;
    margin-left: 0;
    display: inline-block;
  }

  .suggestion_container {
    text-align: center;
  }

  .press_images a {
    width: 25%;
    margin: 20px 0;
    height: auto;
  }

  .press_images img {
    max-width: 60%;
  }


  .quickview-sidebar .suggestion_button {
    margin-left: 65px;
  }
}

.nav ul.menu ul {
  width: 200px;
}

.dropdown.Ethos {
  min-width: 180px;
  width: 170px;
  left: -1px;
}

.dropdown.Ethos .collection-ul {
  width: 100%;
}

.dropdown.Ethos .coll-link-list {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.dropdown.Ethos .coll-link-list a {
  padding-left: 15px;
}

#lookbook_slider.flexslider {
  padding-top: 77px;
}

.banner_section {
  font-size: 100px;
}

.banner_section img {
  width: 100%;
}

#press h3 {
  text-align: center;
  margin-top: 20px;
}

.preorder-message {
  color: #f57e62;
  font-weight: bold;
}

.mix.done {
  display: none;
}

/* Filter + Collection Styles */

#breadcrumbs,
#filter {
  border-top: solid 1px #bcb6ac;
  border-bottom: solid 1px #bcb6ac;
  background: white;
  margin-bottom: 30px;
}

#breadcrumbs a,
#filter > a {
  padding: 15px 0;
  text-align: center;
  border-right: solid 1px #bcb6ac;
  display: block;
  float: left;
  width: 14.28%;
  color: #9D9D9D;
  line-height: 1;
}

h1.page_title {
  _font-family: 'Didot W01 Bold';
  margin-bottom: 60px;
  font-style: normal;
  font-size: 60px;
  line-height: 64px;
  letter-spacing: -3px;
  font-weight: 100;
  text-align: left;
  color: #bcb6ac;
}

#page-nav a {
  width: 25%;
}

#filter {
  position: relative
}

#filter * {
  letter-spacing: 1px;
}

#filter .container {
  position: static;
  padding: 0;
}

#filter .container .row {
  margin-bottom: 0;
}

.filter-call ul {
  padding: 0;
}

.filter-call ul li {
  margin: 0;
  padding-top: 20px;
}

#filter .container ul {
  margin-left: 0;
}

#breadcrumbs a:first-child {
  border-left: solid 1px #bcb6ac;
}

.filter-list li span,
#filter span.filter-title {

  padding-left: 20px;
  padding: 15px 0;
  text-align: center;
  line-height: 1;
  display: block;
  margin: 0;
  cursor: pointer;
}

#filter span.bread {
  padding-left: 15px;
}

#breadcrumbs a.filter-bread,
a.filter-bread {
  border: 0;
  width: auto;
  line-height: 1;
  padding-right: 10px;
}

.filter-bread-row {
  margin-bottom: 50px;
}

#breadcrumbs a:hover {
  background-color: #ECECEC;
}

#filter span.filter-title span.selected {
  line-height: 1;

}

.filter-list {
  display: none;
}

.filter-list li span {
  text-align: left;
  float: left;
  display: block;
}

.filter-list li span.fa {
  margin-right: 10px;
}

a.filter-bread span.fa {
  margin: 0;
  padding-left: 10px;
}

.filter-call .title-wrap span.fa {
  padding-left: 20px;
  margin: 0;
}

.filter-call.active .title-wrap span.fa {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-left: 0;
  padding-right: 20px;
}

.filter-cont {
  display: block;
  width: 800px;
  margin: auto;
}

.filter-call {
  position: static;
  padding: 0 20px;
  display: block;
  width: 150px;
  border-left: solid 1px #bcb6ac;
  font-size: 0;
  float: left;
}

.filter-call.active {

}

.filter-call * {
  color: #7e6d5f;
  font-size: 14px;
}

.filter-call:last-child {
  border-right: solid 1px #bcb6ac;
}

.title-wrap {
  display: block;
  margin: auto;
}

.filter-list li span {
  padding: 0;
}

.filter-list {
  position: absolute;
  top: 45px;
  left: 0px;
  background-color: white;
  z-index: 10;
  width: 100%;
  border: solid 1px #bcb6ac;
  box-sizing: content-box;
  padding: 10px 0;
  text-align: center;
}

.filter-list li {
  padding: 7.5px 20px;
  display: inline-block;
  width: auto;
}

.filter-list li.filter-row {
  cursor: pointer;
}

.filter-list li:hover span {
  color: #7e6d5f;
}

.filter-list li.active .fa {
  color: #f57e62;
}

.filter-list li.filter-row.disabled {
  display: none;
}

.filter-list li.filter-row.active span {
  color: #f57e62;
}

.mobile_banner_section {
  display: none;
}

.desktop_banner_section {
  display: block;
}

@media (min-width: 768px) {
  .product-thumbnail.mix[style*="display:inline-block"]:first-of-type {
    clear: left;
  }

  .product-thumbnail.mix[style*="display:inline-block"]:nth-of-type(3n):nth-child(3n+1) {
    clear: left;
  }

  .product-thumbnail.mix[style*="display:inline-block"]:nth-of-type(3n) {
    clear: right;
  }

  .product-thumbnail:not(.mix):first-of-type {
    clear: left;
  }

  .product-thumbnail:not(.mix):nth-of-type(3n):nth-child(3n+1) {
    clear: left;
  }

  .product-thumbnail:not(.mix):nth-of-type(3n) {
    clear: right;
  }

  .mobile_only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #lookbook_slider.flexslider {
    padding-top: 40px;
  }

  .desktop_image {
    display: none !important;
  }

  .mobile_banner_section {
    display: block;
  }

  .desktop_banner_section {
    display: none;
  }

  #filter {
    border-bottom: 0;
    padding: 20px;
  }

  #filter .container {
    width: 100%;
    border: solid 1px #7e6d5f;
    border-bottom: 0;
  }

  .filter-cont {
    width: auto;
  }

  .filter-call {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-bottom: solid 1px #7e6d5f;
    padding: 0;
  }

  .filter-call:last-child {
    border-right: 0;
  }

  .filter-list {
    width: 100%;
    border: 0;
    position: static;
    margin-bottom: 0;
    border-top: solid 1px #7e6d5f;
  }

  .filter-list .filter-row {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* Homepage new design */

#home-page-top-tagline {
  color: #3E3636;
  margin-top: 100px;
  text-align: center;
  font-size: 15px;

}

#homepage-third-banner {
  width: 378px;
  height: 375px;
}

#homepage-fourth-banner {
  width: 378px;
  height: 375px;
}

#homepage-fifth-banner {
  width: 637px;
  height: 375px;
}

#home-page-first-banner {
  width: 100%;
  height: 100%;
}

#homepage-mission-statement {
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
}

.grey-background {
  background-color: #595959;
  font-size: 12px;
  color: #FFFFFF;
}

.homepage-second-and-third-banner-container {
  text-align: center;
}

.homepage-fourth-and-fifth-banner-container {
  text-align: center;
}

.homepage-press-container {
  text-align: center;
}

#homepage-press-title {
  text-align: center;
}

.homepage-sixth-to-eigth-banner-container {
  text-align: center;
}

.light-grey-background {
  background: #F9F9F9;
}

#homepage-passion-statement {
  color: #444444;
  font-size: 15px;
  text-align: center;
}

#homepage-passion-statement2 {
  color: #444444;
  font-size: 12px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
}

.text-center {
  text-align: center;
}

#homepage-instagram-title {
  color: #444444;
  font-size: 15px;
}

#homepage-instagram-subtitle {
  color: #444444;
  font-size: 12px;
}

.medium-weight-text {
  _font-family: Avenir-Medium, 'muli', sans-serif;

}

.login-section {
  padding-top: 130px;
}

.container.main.content.faq {
    margin-top: -170px;
}

@media screen and (max-width: 768px) {
  .container.main.content.faq {
      margin-top: 0px;
  }
  
  .banner_overlay h3 {
    font-size: 16px;
  }
}


/*************************************************************
    tooltip-contents
*/
        
.tooltip-contents{
	display: nones;
    background: #ffffa3;
    border: 1px solid #f1d031;
    _font-family: Roboto,Verdana,Arial,sans-serif;
    font-size: 12px;
    padding: 10px;
    position:absolute;
	font-weight: 300;
	text-align: center;
    max-width: 240px;
    min-width:100px;
    
}
.tooltip-contents-top:after, .tooltip-contents-top:before {
    _top: 100%;
    bottom:100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tooltip-contents-top:after {
    content: '';
    display: inline-block;
    border-color: rgba(241, 208, 49, 0);
    _border-top-color: #f1d031;
    border-bottom-color:#ffffa3;
    border-width: 12px;
    margin-left: -12px;
}
.tooltip-contents-top:before {
    content: '';
    display: inline-block;
    border-color: rgba(255, 255, 163, 0);
    _border-top-color: #ffffa3;
    border-bottom-color:#f1d031;
    border-width: 13px;
    margin-left: -13px;
}

.tooltip-contents-bottom:after, .tooltip-contents-bottom:before {
    top: 100%;
    _bottom:100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tooltip-contents-bottom:before {
    content: '';
    display: inline-block;
    border-color: rgba(241, 208, 49, 0);
    border-top-color: #f1d031;
    _border-bottom-color: #f1d031;
    border-width: 13px;
    margin-left: -13px;
}
.tooltip-contents-bottom:after {
    content: '';
    display: inline-block;
    border-color: rgba(255, 255, 163, 0);
    border-top-color: #ffffa3;
    _border-bottom-color: #ffffa3;
    border-width: 12px;
    margin-left: -12px;
}

/*******************************/

.tooltip-contents-left:after, .tooltip-contents-left:before {
    _top: 100%;
    _bottom:100%;
    right:100%;
    _left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tooltip-contents-left:before {
    content: '';
    display: inline-block;
    border-color: rgba(241, 208, 49, 0);
    border-right-color: #f1d031;
    border-width: 13px;
    margin-left: -13px;
}
.tooltip-contents-left:after {
    content: '';
    display: inline-block;
    border-color: rgba(255, 255, 163, 0);
    border-right-color: #ffffa3;
    border-width: 12px;
    margin-left: -12px;
}

.tooltip-contents-right:after, .tooltip-contents-right:before {
    _top: 100%;
    _bottom:100%;
    _right:100%;
    left: 100%;

    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tooltip-contents-right:before {
    content: '';
    display: inline-block;
    border-color: rgba(241, 208, 49, 0);
    border-left-color: #f1d031;
    border-width: 14px;
    margin-right: -12px;
}
.tooltip-contents-right:after {
    content: '';
    display: inline-block;
    border-color: rgba(255, 255, 163, 0);
    border-left-color: #ffffa3;
    border-width: 13px;
    margin-right: -12px;
}


 /******************************************************************
     navigation
     ****/

.naja-mobile-logo{-font-family:Avenir !important;font-size:20px !important;color:#3E3636 !important;line-height:2;letter-spacing:8.71px !important;font-weight:normal !important}
nav.nav-bar.navigation{text-align:center}
.clearfix:after,.clearfix:before{display:.table;content:"";line-height:0}
.wmenu-top-l{float:left;border:solid 0px red;_width:50px;}    

.carttip{
    margin-top:15px;
    margin-left:-40px;
}

.carttipmobile{
    margin-top:20px;
    margin-left:-85px;
}
.carttipmobile:after, .carttipmobile:before {
    left: 95px;
}



        .color-select span{
            _border:solid 1px #665656;
            border-radius:32px;
            cursor:pointer;
            display:inline-block;
            height:36px;
            line-height:36px;
            margin:4px;
            width:36px;
            -webkit-touch-callout:none;
            -webkit-user-select:none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select:none;
            text-align:center;
            font-size:12px;
            color:#FFF;
            text-shadow:3px 4px 10px #000;
            letter-spacing:0.68px;
        }


/**********************reg*/
.btn{display:inline-block;border-radius:4px;font-weight:200;padding:0.4em 0.7em;box-sizing:border-box;text-align:center;cursor:pointer;-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;position:relative;background:#fe5f4a;color:white}  
  .btn:hover{background:#fe3217;color:white}

@media (max-width: 749px){
      .btn{width:100%;padding-top:0.75em;padding-bottom:0.75em}  

  }


.alternative-separator{font-size:18px;line-height:2.4;text-align:center;text-transform:uppercase;color:#7e6d5f;_margin-top:1.5em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}  
.alternative-separator::after,.alternative-separator::before{content:'';display:inline-block;height:1px;background:#e6e6e6;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}  
.alternative-separator__contents{display:inline-block;padding:0 1em}